<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>历史记录</title>

    <link rel="stylesheet" type="text/css" href="/css/history.css">
    <style>
        /* 定义按钮样式 */
        .back-button {
            background-color: transparent; /* 底色透明 */
            border: none; /* 去除边框 */
            color: #F9C73D; /* 字体颜色为黄色 */
            padding: 10px 20px; /* 内边距 */
            cursor: pointer; /* 鼠标悬停时显示小手图标 */
            font-size: 25px;
            width: 30px;
        }
    </style>
</head>
<body>



<div class="content">
    <div>
        <button class="back-button" onclick="goToIndexPage()">观看历史</button>
    </div>
    <!--主体内容-->
    <div class="main">
        <div class="movie-list" id="movieList">
            <!--展示内容-->
            <ul class="movie-list-detail"></ul>
        </div>
    </div>
</div>

</body>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="/js/history.js"></script>
<script>
    function goToIndexPage() {
        window.location.href = '/index';
    }
</script>
</html>